<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>短驾自租</title>-->
<!--    <link rel="stylesheet" href="css/bootstrap.min.css">-->
<!--    <link rel="stylesheet" href="layui/css/layui.css" media="all">-->
<!--    <link rel="stylesheet" href="css/shortrent.shortrent.css">-->
<!--    <script type="application/javascript" src="js/jquery-3.3.1.js"></script>-->
<!--    <script type="application/javascript" src="js/bootstrap.min.js"></script>-->
<!--    <script type="application/javascript" src="layui/layui.js"></script>-->
<!--    <script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<!--</head>-->
<!--<body>-->

<!--<div id="app">-->
<!--    <div data-v-67ef3a4a class="csdheader">-->
<!--        <div data-v-67ef3a4a class="layout clear">-->
<!--            <div data-v-67ef3a4a class="left csdnav" id="daohang">-->
<!--&lt;!&ndash;                <label data-v-67ef3a4a v-if="weidenglu">&ndash;&gt;-->
<!--&lt;!&ndash;                    <a data-v-67ef3a4a href="login.html" class="colorRed" >登录</a>&ndash;&gt;-->
<!--&lt;!&ndash;                    <a data-v-67ef3a4a href="" class="colorRed">/</a>&ndash;&gt;-->
<!--&lt;!&ndash;                    <a data-v-67ef3a4a href="register.html" class="colorRed" style="margin-right: 10px;">注册</a>&ndash;&gt;-->
<!--&lt;!&ndash;                </label>&ndash;&gt;-->

<!--                <label data-v-67ef3a4a v-if="denglu">-->
<!--                    <span id="user"></span>-->
<!--                    <a data-v-67ef3a4a href="index.html" class="colorRed" style="margin-right: 10px;">[退出]</a>-->
<!--                </label>-->


<!--                <a data-v-67ef3a4a="" href="#mobileZuChe">手机租车</a>-->
<!--                <a data-v-67ef3a4a="" href="helpCenter.html">帮助中心</a>-->
<!--            </div>-->
<!--            <div data-v-67ef3a4a="" class="right phone">-->
<!--                <div data-v-67ef3a4a="" class="typeTab">-->
<!--                    <a data-v-67ef3a4a="" href="index.html" style="color: rgb(199, 0, 11);">中文</a>&nbsp;/&nbsp;-->
<!--                    <a data-v-67ef3a4a="" href="../en/index.html">English</a>-->
<!--                </div>-->
<!--                <div data-v-67ef3a4a="" class="menu">-->
<!--                    <a data-v-67ef3a4a="" href="mymain.html">我的车速递</a>-->
<!--                </div>-->
<!--                <div data-v-67ef3a4a="">-->
<!--                    <i class="layui-icon layui-icon-cellphone" style="font-size:14px;  color:#c6000f;"></i>-->
<!--                    <span data-v-67ef3a4a="">400-919-8000</span>-->
<!--                </div>-->
<!--            </div>-->

<!--        </div>-->
<!--    </div>-->


<!--    <div data-v-39f7f629 class="csdnav">-->
<!--        <div data-v-39f7f629="" class="layout clear">-->
<!--            <div data-v-39f7f629="" class="left logo">-->
<!--                <a data-v-39f7f629="" href="index.html">-->
<!--                    <img data-v-39f7f629="" src="">-->
<!--                </a>-->
<!--            </div>-->
<!--            <div data-v-39f7f629="" class="left navCom">-->
<!--                <ul data-v-39f7f629="">-->
<!--                    <li data-v-39f7f629="" >-->

<!--                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/activity.html" target="_self" >优惠活动</a>-->
<!--                    </li>-->

<!--                    <li data-v-39f7f629="">-->
<!--                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/joinWork.html" target="_blank" class="">加盟合作</a>-->
<!--                    </li>-->
<!--                    <li data-v-39f7f629="">-->
<!--                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/netCar.html" target="_blank" class="">网约车</a>-->
<!--                    </li>-->
<!--                    <li data-v-39f7f629="">-->
<!--                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/longRent.html" target="_blank" class="">企业长租</a>-->
<!--                    </li>-->
<!--                    <li data-v-39f7f629="">-->
<!--                        <a data-v-39f7f629="" href="shortrent.html" target="_self" class="colorRed">短租自驾</a>-->
<!--                    </li>-->
<!--                    <li data-v-39f7f629="">-->
<!--                        <a data-v-39f7f629="" href="index.html" target="_self" >-->
<!--                            <span data-v-39f7f629="">首页</span></a>-->
<!--                    </li>-->
<!--                </ul>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

<!--    <div class="chooseCar">-->
<!--    <div>-->
<!--            <div class="chooseCarL">-->
<!--                <form class="layui-form">-->
<!--                <div class="choose-get item">-->

<!--                    <span class="itemTitle-red left">取&nbsp&nbsp车&nbsp&nbsp地&nbsp&nbsp址</span>-->
<!--                    <div id="sel"  v-cloak >-->
<!--                        <select name="quiz1"id="quiz1"lay-filter="quiz1">&lt;!&ndash; @change="getCity(cityId)" v-model="cityId"&ndash;&gt;-->
<!--                            <option >请选择</option>-->
<!--                        <option value="">省市</option>&#45;&#45;-->
<!--                        <option value="1">北京</option>-->
<!--                        <option value="2">上海</option>-->
<!--                        <option value="3">天津</option>-->
<!--                        <option value="4">广东</option>-->
<!--                        <option value="5">甘肃</option>-->
<!--                        <option value="6">成都</option>-->
<!--                        <option value="7">陕西</option>-->


<!--                        </select>-->

<!--                        <select name="city" id="city">-->
<!--                            <option>请选择</option>-->

<!--                        </select>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="choose-return item">-->
<!--                    <span class="itemTitle-red left">还&nbsp&nbsp车&nbsp&nbsp地&nbsp&nbsp址</span>-->
<!--                    <div id="seltwo"  v-cloak>-->
<!--                        <select id="hcc" >-->
<!--                            <option>请选择</option>-->

<!--                        </select>-->

<!--                        <select id="hcs">-->
<!--                            <option>请选择</option>-->
<!--                            <option v-for="city in citys" :value="city.id">{{city.name}}</option>-->
<!--                        </select>-->

<!--                    </div>-->

<!--                </div>-->
<!--                </form>-->

<!--            </div>-->
<!--        <div class="chooseCarR">-->
<!--            <button class="goChooseCar" onclick="selectCar()">去选车</button>-->
<!--        </div>-->

<!--</div>-->

<!--<script>-->
<!--    var id=window.localStorage.getItem("id");-->

<!--    $(function () {-->
<!--        $.ajax({-->
<!--            url: "getCusByid/" + id,-->
<!--            dataType: "json",-->
<!--            type: 'post',-->
<!--            contentType: 'application/json',-->
<!--            success: function (res) {-->
<!--               // console.log(res);-->
<!--                if (res != null) {-->
<!--                    $("#user").text("你好 " + res.cus_name);-->
<!--                }-->
<!--            }-->
<!--        });-->
<!--    });-->
<!--    function selectCar() {-->
<!--        var getid=2020-11-11;-->
<!--        var backid=2020-11-13;-->
<!--        window.location.href = "shortsort.html?getid=" + getid + "&backid=" + backid;-->


<!--    };-->
<!--    </script>-->
<!--        <script>-->
<!--            var form=layui.form;-->
<!--    form.on('select(province)', function(data){-->
<!--      var  id=data.value;-->
<!--      console.log(1111111);-->
<!--      console.log(id);-->
<!--        $.getjson("/getcity/"+id,function(data){-->
<!--            var optionstring = "";-->
<!--            $.each(data.data, function(i,item){-->
<!--                optionstring += "<option value=\"" + item.code + "\" >" + item.name + "</option>";-->
<!--            });-->
<!--            $("#city").html('<option value=""></option>' + optionstring);-->
<!--            form.render('select'); //这个很重要-->
<!--        })-->
<!--    });-->
<!--</script>-->

<!--</body>-->
<!--</html>-->
<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>短驾自租</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/shortrent.shortrent.css">
    <script type="application/javascript" src="../js/jquery-3.3.1.js"></script>
    <script type="application/javascript" src="../js/bootstrap.min.js"></script>
    <script type="application/javascript" src="../layui/layui.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script type="text/javascript" src="../js/vue2.min.js"></script>
</head>
<body>

<div id="app">
    <div data-v-67ef3a4a class="csdheader">
        <div data-v-67ef3a4a class="layout clear">
            <div data-v-67ef3a4a class="left csdnav" id="daohang">
                <label data-v-67ef3a4a v-if="weidenglu">
                    <a data-v-67ef3a4a href="../pagehome/login.html" class="colorRed" id="yh">登录</a>
                    <a data-v-67ef3a4a href="" class="colorRed">/</a>
                    <a data-v-67ef3a4a href="../pagehome/register.html" class="colorRed" style="margin-right: 10px;">注册</a>
                </label>

                <label data-v-67ef3a4a v-if="denglu">
                    <a data-v-67ef3a4a href="#" id="user">你好，{{tel}}</a>
                    <a data-v-67ef3a4a href="#" class="colorRed">/</a>
                    <a data-v-67ef3a4a href="/logout" class="colorRed" style="margin-right: 10px;">[退出]</a>
                </label>


                <a data-v-67ef3a4a="" href="#mobileZuChe">手机租车</a>
                <a data-v-67ef3a4a="" href="helpCenter.html">帮助中心</a>
            </div>
            <div data-v-67ef3a4a="" class="right phone">
                <div data-v-67ef3a4a="" class="typeTab">
                    <a data-v-67ef3a4a="" href="index.html" style="color: rgb(199, 0, 11);">中文</a>&nbsp;/&nbsp;
                    <a data-v-67ef3a4a="" href="../en/index.html">English</a>
                </div>
                <div data-v-67ef3a4a="" class="menu">
                    <a data-v-67ef3a4a="" href="../mymain/mymain.html">我的车速递</a>
                </div>
                <div data-v-67ef3a4a="">
                    <i class="layui-icon layui-icon-cellphone" style="font-size:14px;  color:#c6000f;"></i>
                    <span data-v-67ef3a4a="">400-919-8000</span>
                </div>
            </div>

        </div>
    </div>


    <div data-v-39f7f629 class="csdnav">
        <div data-v-39f7f629="" class="layout clear">
            <div data-v-39f7f629="" class="left logo">
                <a data-v-39f7f629="" href="index.html">
                    <img data-v-39f7f629="" src="">
                </a>
            </div>
            <div data-v-39f7f629="" class="left navCom">
                <ul data-v-39f7f629="">
                    <li data-v-39f7f629="" >

                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/activity.html" target="_self" >优惠活动</a>
                    </li>

                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/joinWork.html" target="_blank" class="">加盟合作</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/netCar.html" target="_blank" class="">网约车</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="https://www.chesudi.com/module/longRent.html" target="_blank" class="">企业长租</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="shortrent.html" target="_self" class="colorRed">短租自驾</a>
                    </li>
                    <li data-v-39f7f629="">
                        <a data-v-39f7f629="" href="../pagehome/index.html" target="_self" >
                            <span data-v-39f7f629="">首页</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="chooseCar">

        <div class="chooseCarL">
            <form action="" onsubmit="return false;">
                <div class="choose-get item">

                    <span class="itemTitle-red left">取&nbsp&nbsp车&nbsp&nbsp地&nbsp&nbsp址</span>
                    <div id="sel"  v-cloak>
                         <select id="dqsel"><!-- @change="getCity(cityId)" v-model="cityId"-->
                        <option>请选择</option>
                        <option v-for="mc in mcs" :value="mc.id">默认</option>
                    </select>

                        <select id="bmsel">
                            <option>请选择</option>
                            <option v-for="city in citys" :value="city.id">默认</option>
                        </select>
                    </div>
                </div>
                <div class="choose-return item">
                    <span class="itemTitle-red left">还&nbsp&nbsp车&nbsp&nbsp地&nbsp&nbsp址</span>
                    <div id="seltwo"  v-cloak>
                        <select id="hcc" >
                            <option>请选择</option>
                            <option v-for="mc in mcs" :value="mc.id">默认</option>
                        </select>

                        <select id="hcs">
                            <option>请选择</option>
                            <option v-for="city in citys" :value="city.id">默认</option>
                        </select>

                    </div>

                </div>
            </form>

        </div>
        <div class="chooseCarR">
            <button class="goChooseCar" onclick="selectCar()">去选车</button>
        </div>
    </div>
</div>
<script>
    //获得省级列表
    $.ajax({
        url:'getAllcity',
        type:"GET",
        contentType:"application/json",
        dataType:"json",
        success:function (data){
            var address=data.data;
            $.each(address,function (i) {
                abc='<option>'+address[i].c_name+'</option>';
                $("#dqsel").append(abc);
                $("#hcc").append(abc);


            })
        }

    })
    //获得市级列表
    $.ajax({
        url:'getAllcity_next',
        type:"GET",
        contentType:"application/json",
        dataType:"json",
        success:function (data){
            var address=data.data;
            $.each(address,function (i) {
                abc='<option>'+address[i].name+'</option>';
                $("#bmsel").append(abc);
                $("#hcs").append(abc);


            })
        }

    })
    //去选车并传递地址
    function selectCar() {
        var getaddress = $("#dqsel").val() + $("#bmsel").val();
        var returnaddress = $("#hcc").val() + $("#hcs").val();
       // alert(getaddress);
        sessionStorage.setItem("getaddress", getaddress);
        sessionStorage.setItem("returnaddress", returnaddress);
        location.href='shortsort.html';
    }

</script>

</body>
</html>